/* CSS Document */

/*********************************
* Module: common css
* Added by: phucduong
**********************************/
html,body,a,td,div{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;margin: 0;
	}
a img { border: none; }
a { text-decoration: none; }
body { background-image: url("../images/bg_body.gif"); }
.clear_div { clear: both; }
.body-content {
	float: left;
	width: 100%;
	text-align: center;
	height:334px;
	background-image: url("../images/bg_banner.png");
	background-position: center;
}
.menu {
	float: left;
	width: 100%;
	background-image: url("../images/bg_menu.png");
	height: 52px;
	text-align: center;
}

.menu ul {
	margin: 0;padding: 0; padding-top:28px;
	list-style: none; 
}
.menu ul li{
	display: inline;
	color: #ea088c;font-weight: bold;text-transform: uppercase;
	font-size: 14px;
}
.menu ul li a {
	color: #ea088c;font-weight: bold;text-transform: uppercase;
	text-decoration: none;font-size: 14px;
}
.menu ul .icon-menu{
	padding: 7px;
}
.content-middle {
	width: 985px;
	text-align: center;
	height: auto;
        padding-top: 25px;
}
.content-middle td{vertical-align: top; text-align: left} 
.menu_header { padding-top: 14px; }
.content { 
	width: 985px;
	float: inherit;
}

.content-banner-conner { background-color: #d85ab3; float: left; width: 635px; }
.content-banner {background-color: white; float: left; width: 629px; margin: 3px; }
.content-banner-box { background-image: url("../images/bg_banner_home.png"); margin: 5px;padding: 3px 10px; }

.news-detail-button { 
	color: #71581b; text-decoration:none;
	text-align: center; margin-top:10px;
	background-image: url("../images/bg_detail.png");
	width: 98px; height: 25px;
	padding-top: 10px; background-repeat: no-repeat;padding-left: 10px;
}

.right-submenu-parent { background-color: #d85ab3; float: left; width:300px; margin-bottom: 25px; }
.right-submenu { background-color:white;  float: left; width:296px; margin: 2px; }
.right-submenu .phone { padding: 10px; vertical-align: middle; }
.right-submenu .phone span { float: left;padding-bottom: 10px; }
.right-submenu .phone .number { padding-top: 10px; padding-left: 20px; font-size: 16px;color: #b81c1c}
.right-submenu-title { 
    background-image: url("../images/bg_title_right_box.png"); float: left;margin: 5px;width: 275px;height: 40px; color: #FFFFFF;
    text-transform: uppercase;text-align: left;
    vertical-align: middle;
    padding-left: 10px; position: relative;
}
.right-submenu-title .text { float: left; padding-top: 12px; }
.right-submenu-title .img { vertical-align: top; margin-bottom: 20px; padding-top: -5px; float: right; }
.right-submenu-title .img img { 
		height: 57px; position: absolute; 
		left:235px;
		top:-5px;
		z-index: 99; }
.right-submenu li { list-style-image: url("../images/icon_right.png"); }
.right-submenu li a { text-decoration: none; color: black; }
.right-submenu li a:hover { color:#d85ab3; text-decoration: underline;  }

.content-home { padding-top: 30px;width: 635px;}
.content-home .box { width: 192px; float: left;}
.left{ padding-left: 0px; padding-right: 12px;}
.right{padding-left: 14px;}
.center{padding:0 12px;}
.content-home .box .summary { text-align: justify; height: 110px; color: #770046 }

.content-home .box .box-images { width: 200px; height: 114px; }
.content-home .box h2 { text-transform: uppercase;color: #ea088c }

.slide-home-parent {
    background-color: #d85ab3; float: left;
    width: 99%;
    margin-bottom: 30px;
}
.slide-home {
    background-image: url("../images/bg_slide_color.png");  float: left;
    margin:3px;
    width: 99.5%;
}
.slide-home h2 { color: #d85ab3; text-transform: uppercase; padding-left: 10px; margin:6px 0;}
.slide-home ul { padding: 0 10px; margin: 0 ;}
.slide-home ul li { list-style: none ; display: inline;}
.slide-photo {width: 205px; padding: 0 10px; height: 140px;}
.bg_slide_top { background-image: url("../images/bg_slide.png"); float: left;height: 19px;width: 947px;
	margin-left: 10px;}
.bg_slide_bottom { background-image: url("../images/bg_slide.png"); float: left;height: 19px;width: 947px;
	margin-left: 10px; margin-bottom: 10px;}
.slide-home .slide_content {float: left;width: 947px; background-color: #464547 !important; margin-left: 10px;}
/********slide******/
/*******footer****/
.footer-bg { width: 100%;background-image: url("../images/bg_footer.png") }
.footer-box { float: left; width: 244px; }
.footer-box h4 { text-decoration: underline;color: #d85ab3 }
.footer-box-content { float: left }
.footer-box-content span { float: left; width: 100px;vertical-align: middle }
.footer-box-content .text{ padding-top: 6px; }
.footer-box-content .images { width: 70px; }
/********new************************/
h2.title-master { 
	color: #ea088c;text-transform: uppercase;
}
hr {  border: solid 1px #ea088c ; color: #ea088c; }
h3.title {
	 color: #ea088c;
}
.date { color: #d85ab3 }
.news-content { color: #740741 }
.other-news {
	
}
.other-news h2 { color: #ea088c; }
.other-news ul li { list-style-image: url("../images/icon_list_news.png");
	height: 22px; color: #ea088c; text-transform: uppercase;
}
.other-news ul li a { color: #ea088c; text-decoration: none; }
.other-news ul li a:hover { text-decoration: underline; }
/***************form***********************/
.content-form { background-image:url("../images/bg_form.png"); width: 868px; float: left;}
.form-register { width: 870px; text-align: center; float: inherit; margin-left: 50px;
	padding-bottom: 20px;}
.form-register input { width: 100%; margin: 2px; }
.form-register .input-corner { float: left;width: 100% }
.form-register table td {
	padding: 10px;
}
.form-register table td textarea { width: 800px;height: 120px; }
/********************************************/
.msg_alert { color: blue;font-weight: bold; }
#btnSave {cursor:pointer ; text-align:center; background-color: #8fc812; float: right; padding: 5px; margin-right: 10px; color: white; width: 50px;}
#btnReset {cursor:pointer ; text-align:center; background-color: #8fc812; float: right; padding: 5px; margin-right: 10px; color: white; width: 50px;}


/**
 * Css for list news
 *  
 */
.clr { clear: both }
.content-list-news .article-item { clear: both;
	margin: 5px 0;
	border-bottom: 1px dotted #d453ad;
	padding-bottom: 10px;
}
.content-list-news .article-item:last-child {
	border-bottom: 0;
}
.content-list-news .article-item .article-image { float: left; border: solid 1px white; width: 130px; height: 90px;  }
.content-list-news .article-item .article-item-content { float: left; margin-left: 10px; width: 506px	 }
.content-list-news .article-item h4.article-title a {
	font-weight: bold;
	text-decoration: none;
	color: #EA088C;
}

/** CSS FOR CATEGORY **/
.right-submenu-title { font-weight:  bold; }  
.list-categories { }
.list-categories li { clear: both; padding: 5px 0px; } 
.list-categories li a { text-decoration: none; font-weight: bold; color: #EA088C }
.list-categories li.active a { color:  #ff7446 }

/** CSS FOR LIST HOT NEWS **/
.list-hot-news { }
.list-hot-news li { clear: both; padding: 5px 0px; } 
.list-hot-news li a { text-decoration: none; color: #EA088C;font-weight: bold; }



/**
 * PAGINATION 
 */
.pagination { float: right; }
.pagination a { 
	padding: 3px 5px;
	border: 1px solid #D453AD; 
	text-decoration: none;
}
.pagination strong{
	padding: 3px 5px;
	border: 1px solid #D453AD; 
	background-color:  #D453AD; 
}
/*************/
#map_canvas {
	width: 500px;height: 300px;
	float: left;
}
.contact-content { float: left; width: 305px; }
.map_contact { width: 500px;height: 300px;float: right; }
/*******fix********/
.fix-content {padding-right: 20px; padding-bottom: 20px; }